/**
  其他境外交流项目管理-学校管理员-查看出国
*/
<template>
  <div class="project-application-container">
    <div style="height: 30px;">
      <el-breadcrumb style="float: left;" separator="/">
        <el-breadcrumb-item :to="{ path: '/otherOverseasExchange' }">
          <span @click="reback()">{{ $t('projectManage.otherOverseasExchangeSelect') }}</span>
        </el-breadcrumb-item>
        <el-breadcrumb-item>{{ $t('message.Look') }}</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <el-card shadow="never" v-loading="loading" body-style="padding: 24px;">
      <div slot="header" class="title">
        <span>{{ $t('projectManage.otherOverseasExchangeSelect') }}</span>
         -
        {{ $t('message.Look') }}
        <el-button style="float:right; margin-top: -5px;" @click="reback()">{{ $t('common.btn.back') }}</el-button>
      </div>
      <go-abroad-common-info :applyId="applyId"></go-abroad-common-info>
      <!-- 审批进度开始 -->
      <template slot="footer"></template>
      <!-- 审批进度结束 -->
    </el-card>
  </div>
</template>
<script>
import goAbroadCommonInfo from 'common/src/views/externalExchange/common/goAbroadCommonInfo';
export default {
  components: {
    'go-abroad-common-info': goAbroadCommonInfo
  },
  data() {
    return {
    };
  },
  props: {
    applyId: {
      type: String,
      default: ''
    },
    projectSubCategory: {
      type: Number,
      default: null
    }
  },
  computed: {
  },
  filters: {
  },
  created() {

  },
  async mounted() {

  },
  methods: {
    reback() {
      this.$emit('change-project-index')
    }
  },
  watch: {
  }
}
</script>

<style lang="scss" scoped>
  .project-application-container {
    .el-breadcrumb__item:last-child ::v-deep {
      .el-breadcrumb__inner {
        color: #606266;
        font-weight: bold;
        cursor: default
      }
    }
    .el-breadcrumb__item ::v-deep {
      .is-link {
        color: #aaa;
        font-weight: unset;
      }
      .is-link:hover {
        color: #409eff;
      }
    }
    .title {
      font-weight: bold;
      font-size: 18px;
    }
  }
</style>
